/* Mashura HTML Template */

/************ TABLE OF CONTENTS ***************

1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Banner Section / Style Two / Style Three
6. Profile Section
7. Services Section
8. Counter Section
9. Clients Section
10. Portfolio Section
11. Call To Action Section
12. Testimonial Section
13. Get In Touch Section
14. Main Footer
15. Page Title Section
16. Featured Section
17. Skills Section
18. Recent Projects Section
19. Team Section
20. Pricing Section
21. Our Blogs Section
22. Not Found
23. Portfolio Pages
24. Contact Form Section
25. Map Section

**********************************************/

/*  
	font-family: 'Open Sans', sans-serif;
	font-family: 'Work Sans', sans-serif;
*/

@import url('font-awesome.css');
@import url('animate.css');
@import url('owl.css');
@import url(swiper.css);
@import url('flaticon.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
	Reset
====================================================================

***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#fc4c59;
}

button,
a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.6em;
	font-family: 'Work Sans', sans-serif;
}

/* Typography */

h1{
	font-size:72px;
}

h2{
	font-size:32px;
}

h3{
	font-size:28px;
}

h4{
	font-size:24px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

input,button,select,textarea{
	
}

textarea{
	
}

p{
	position:relative;
	line-height:1.8em;	
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;	
}

/* List Style One */

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	padding-left:35px;
	color:#404040;
	font-size:20px;
	font-weight:600;
	margin-bottom:20px;
}

.list-style-one li:last-child{
	margin-bottom:0px;
}

.list-style-one li:before{
	position:absolute;
	content:'\f138';
	left:0px;
	top:2px;
	color:#2196f3;
	font-size:20px;
	font-family: "Flaticon";
}

/* Btn Style One */

.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 38px 12px;
	font-weight: 600;
	overflow: hidden;
	background: none;
	border-radius:0px;
	background-color:#fc4c59;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

.btn-style-one .txt{
	position:relative;
	z-index:1;
}

.btn-style-one:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #222222;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}

.btn-style-one:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-one:hover{
	color: #ffffff;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 12px 40px 12px;
	font-weight: 600;
	overflow: hidden;
	background: none;
	border-radius:0px;
	border:1px solid #ffffff;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

.btn-style-two .txt{
	position:relative;
	z-index:1;
}

.btn-style-two:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}

.btn-style-two:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-two:hover .txt{
	color: #222222;
}

/* Btn Style Three */

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	padding: 12px 40px 12px;
	font-weight: 600;
	overflow: hidden;
	background: none;
	border-radius:0px;
	border:1px solid #82b0bf;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}

.btn-style-three .txt{
	position:relative;
	z-index:1;
}

.btn-style-three:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #fc4c59;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}

.btn-style-three:hover{
	border-color: #fc4c59;
}

.btn-style-three:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-three:hover .txt{
	color: #ffffff;
}

/* Btn Style Four */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 11px 44px 11px;
	font-weight: 400;
	overflow: hidden;
	background: none;
	border-radius:2px;
	background-color:#ff5773;
	text-transform: capitalize;
	
	-webkit-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	-moz-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	-ms-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	-o-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	box-shadow: 0 10px 30px rgba(255,98,98,0.10);
}

.btn-style-four i{
	margin-left:5px;
}

.btn-style-four:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ffffff;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-four:hover::before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

.btn-style-four .txt{
	position:relative;
	z-index:1;
}

.btn-style-four:hover{
	color:#ff5773;
}

/* Btn Style Five */

.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	padding: 11px 44px 11px;
	font-weight: 400;
	overflow: hidden;
	background: none;
	border-radius:2px;
	background-color:#ffffff;
	text-transform: capitalize;
	
	box-shadow:0px 5px 10px rgba(0,0,0,0.10);
}

.btn-style-five i{
	margin-left:5px;
}

.btn-style-five .txt{
	position:relative;
	z-index:1;
}

.btn-style-five:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #ff5773;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}

.btn-style-five:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-five:hover{
	color: #ffffff;
}

/* Btn Style Six */

.btn-style-six{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 11px 44px 11px;
	font-weight: 400;
	overflow: hidden;
	background: none;
	border-radius:2px;
	background-color:#ff5773;
	text-transform: capitalize;
	
	-webkit-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	-moz-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	-ms-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	-o-box-shadow: 0 10px 30px rgba(255,98,98,0.10);
	box-shadow: 0 10px 30px rgba(255,98,98,0.10);
}

.btn-style-six i{
	margin-left:5px;
}

.btn-style-six:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #222222;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-six:hover::before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
}

.btn-style-six .txt{
	position:relative;
	z-index:1;
}

.btn-style-six:hover{
	color:#ffffff;
}

/* Btn Style Seven */

.btn-style-seven{
	position: relative;
	color: #31344a;
	font-size:16px;
	font-weight:400;
	padding:14px 48px;
	overflow: hidden;
	border: 1px solid #ff5773;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-style-seven .txt{
	z-index: 2;	
	display: block;
	position: relative;
	width: 100%;
	height: 100%;	
}

.btn-style-seven::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #ff5773;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-style-seven:hover::before{
	opacity: 1;
	-webkit-transform: skewX(-180deg)  scale(0.5,1);
	transform: skewX(-180deg)  scale(0.5,1);
}

.btn-style-seven:hover .txt{
	color:#ffffff;
}

/* Btn Style Eight */

.btn-style-eight{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #626262;
	padding: 10px 44px 10px;
	font-weight: 400;
	overflow: hidden;
	background: none;
	border-radius:50px;
	border:1px solid #fc4c59;
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
	box-shadow:0px 5px 10px rgba(0,0,0,0.10);
}

.btn-style-eight i{
	margin-left:5px;
}

.btn-style-eight .txt{
	position:relative;
	z-index:1;
}

.btn-style-eight:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: #fc4c59;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1, 0.5);
    transform: scale(1, 0.5);
}

.btn-style-eight:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.btn-style-eight:hover{
	color: #ffffff;
}

/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	margin-right:7px;
	color:#222222;
	font-size:18px;
	float:left;
}

.social-icon-one li.facebook a:hover{
	background-color:#16599b;
	color:#ffffff;
}

.social-icon-one li.twitter a{
	color:#03a9f4;
}

.social-icon-one li.twitter:hover a{
	background-color:#03a9f4;
	color:#ffffff;
}

.social-icon-one li.dribbble a{
	color:#ea4c89;
}

.social-icon-one li.dribbble a:hover{
	color:#ffffff;
	background-color:#ea4c89;
}

.social-icon-one li.behance a{
	color:#0067ff;
}

.social-icon-one li.behance a:hover{
	color:#ffffff;
	background-color:#0067ff;
}

.social-icon-one li a{
	position:relative;
	font-size:14px;
	color:#16599b;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-weight:400;
	border-radius:50px;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.social-icon-one li a:hover{
	
}

.theme_color{
	color:#fc4c59;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg); background-size:90px;}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#0a0a0a;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#fc4c59;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	z-index:1;
	margin-bottom:55px;
	padding-left:115px;
}

.sec-title h2{
    position: relative;
    color: #222222;
    line-height: 1.2em;
    font-weight: 700;
}

.sec-title h2 i{
    position: relative;
	font-weight:300;
	font-style:normal;
}

.sec-title h2:before{
    position: absolute;
    content: '';
    left: -140px;
    top: -30px;
    width: 220px;
    height: 1px;
    background-color: #fc4c59;
    transform: rotate(-40deg);
}

.sec-title .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	margin-top:20px;
}

.sec-title.centered{
	padding-left:0px;
	text-align: center !important;
}

.sec-title.centered h2:before{
	left:50%;
	margin-left:-240px;
}

.sec-title.light h2{
	color:#ffffff;
}

.sec-title.right-align{
	padding-left:0px;
}

.sec-title.right-align h2{
	text-align:right;
	padding-right:100px;
}

.sec-title.right-align h2:before{
	right:-20px;
	top:-40px;
	left:auto;
	transform: rotate(40deg);
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:absolute;
	z-index:999;
	width:100%;
	padding-top:80px;
	-ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .header-upper{
	position:relative;
	z-index:1;
}

.main-header .header-upper .outer-box .search-box-outer{
	position:relative;
	top:2px;
	display:inline-block;
}

.main-header .header-upper .outer-box .search-box-outer button{
	position: relative;
    background: none;
    font-size: 16px;
    color: #ffffff;
    padding: 3px 0px;
	cursor:pointer;
}

.main-header.fixed-header .header-upper .outer-box .search-box-outer button{
	color:#222222;
}

.main-header .header-upper .outer-box .nav-toggler{
	float:right;
	cursor:pointer;
	margin:15px 0px 15px 30px;
}

.main-header .header-upper .outer-box .nav-toggler .nav-btn{
	color:#151d37;
	font-size:20px;
	line-height:1em;
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#222222;
	z-index:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sticky-header .logo{
	padding:8px 0px 8px;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px  !important;
	color:#ffffff !important;
}

.main-header .nav-outer{
	position:relative;
	float: right;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .nav-outer .main-menu{
	display:none;
}

#navbarSupportedContent{
		display:block;
	}

.main-header .nav-outer .mobile-nav-toggler{
	position:absolute;
	right:0px;
	top:0px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:34px;
	padding:0px;
	line-height:62px;
	border-radius:50px;
}

.main-header.fixed-header .nav-outer .mobile-nav-toggler{
	top:3px
	/* opacity:1;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms; */
}

.mobile-nav-toggler{
	position:relative;
	width:80px;
	height:80px;
	display:none;
	cursor:pointer;
	padding:30px 22px;
	text-align:center;
	display:inline-block;
	background-color:#fc4c59;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.mobile-nav-toggler .line-one{
	position:relative;
	width:25px;
	height:3px;
	margin-bottom:7px;
	border-radius:2px;
	display:block;
	background-color:#ffffff;
}

.mobile-nav-toggler .line-two{
	position:relative;
	width:30px;
	height:3px;
	display:block;
	margin-bottom:7px;
	border-radius:2px;
	background-color:#ffffff;
}

.mobile-nav-toggler .line-three{
	position:relative;
	width:34px;
	height:3px;
	display:block;
	margin-bottom:7px;
	border-radius:2px;
	background-color:#ffffff;
}

.main-header .header-upper .logo-box{
	position: relative;
	z-index:10;
	padding:20px 0px 7px;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo{
	position:relative;
}

.main-header .header-lower{
	position:relative;
	background-color:rgba(0,0,0,0.55);
}

.main-menu{
	position:relative;
	float:left;
	transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse{
	padding:0px;
	float: left;
	display:block !important;
}

.main-menu .navigation{
	position:static;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right:30px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:29px;
	text-transform:capitalize;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	padding:0px 0px;
	font-size:16px;
	letter-spacing:1px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	opacity:1;
	color:#fc4c59;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	border-bottom: 1px solid #f4f2f2;
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:16px;
	text-transform:capitalize;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	padding-left:30px;
	background:#fc4c59;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:14px;
	width:10px;
	height:20px;
	display:block;
	color:#222222;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
	background-color: #ffffff;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	border-bottom: 1px solid #f4f2f2;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:16px;
	text-transform:capitalize;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;
	padding-left:30px;
	background:#fc4c59;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:11px;
	width:10px;
	height:20px;
	display:block;
	color:#272727;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	border-top:0px !important;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header.fixed-header .header-upper{
	position: fixed;
	left:0px;
	right:0px;
	top:0px;
	padding:0px;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.12);
}

.main-header.fixed-header .header-upper .logo-box{
	padding:20px 0px 7px;
}

.header-style-two{
	padding-top:50px;
}

.header-style-two .header-upper .logo-box{
	padding-top:8px;
}

.header-style-two.fixed-header .header-upper{
	background-color:#222222;
}

.header-style-two.fixed-header .header-upper .logo-box{
	padding:8px 0px 8px;
}

.main-header.fixed-header .nav-outer{
	padding-top:0px;
}

.main-header.fixed-header .main-menu .navigation > li > a{
	padding:24px 0px;
}

.main-header.fixed-header .header-upper .outer-box .theme-btn{
	border-color:#000000;
	color:#000000;
}

.main-header.fixed-header .header-upper .outer-box .theme-btn:hover{
	color:#ffffff;
}

.header-style-three{
	position:relative;
	padding-top:0px;
}

.header-style-three .header-upper .logo-box{
	padding:50px 0px 40px;
}

.header-style-three .nav-outer .mobile-nav-toggler{
	top:35px;
}

.header-style-four{
	padding-top:50px;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section{
	position:relative;
	padding-top:80px;
}

.banner-section .auto-container{
	position:relative;
}

.banner-section .content-boxed{
	position:absolute;
	left:15px;
	top:155px;
	z-index:1;
}

.banner-section .content-boxed .inner-column{
	position:relative;
	display:inline-block;
	padding:60px 10px 65px 65px;
	border-top:8px solid #82b0bf;
	border-left:8px solid #82b0bf;
}

.banner-section .content-boxed .inner-column:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:8px;
	width:287px;
	background-color:#82b0bf;
}

.banner-section .content-boxed h1{
	position:relative;
	color:#222222;
	font-weight:700;
	line-height:1em;
	max-width:450px;
	margin-bottom:20px;
	text-transform:capitalize;
}

.banner-section .content-boxed .title{
	position:relative;
	color:#333333;
	font-size:22px;
	font-weight:400;
	line-height:1.3em;
}

.banner-section .image-box{
	position:relative;
	padding-left:295px;
	padding-right:65px;
}

.banner-section .image-box .image{
	position:relative;
}

.banner-section .image-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.banner-section .image-box .image .mobile-nav-toggler{
	position:absolute;
	right:-65px;
	top:auto;
	bottom:100px;
}

.banner-section .social-box{
	position:absolute;
	right:15px;
	top:0px;
}

.banner-section .social-box li{
	position:relative;
	margin-bottom:30px;
}

.banner-section .social-box li a{
	position:relative;
	color:#222222;
	font-size:18px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.banner-section .social-box li a:hover{
	color:#fc4c59;
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.mobile-menu{
	position: fixed;
	left: 0;
	top: 0;
	width: 570px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
}

/* width */

.mobile-menu .menu-box::-webkit-scrollbar{
	width: 8px;
	cursor:pointer;
}

/* Track */

.mobile-menu .menu-box::-webkit-scrollbar-track{
	background: #ffffff; 
	cursor:pointer;
}
 
/* Handle */

.mobile-menu .menu-box::-webkit-scrollbar-thumb{
  background: #fc4c59;
  cursor:pointer;
}

/* Handle on hover */

.mobile-menu .menu-box::-webkit-scrollbar-thumb:hover{
  background: #f25850; 
}

.mobile-menu .logo-box{
	position:relative;
	padding:80px 0px 0px;
	text-align:left;	
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(15,18,19,0.85);
	-webkit-transform: translateX(-101%);
	-ms-transform: translateX(-101%);
	transform: translateX(-101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mCSB_inside>.mCSB_container{
	margin-right:0px;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: inherit;
	background: #182327;
	padding: 0px 0px 60px 60px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(-101%);
	-ms-transform: translateX(-101%);
	transform: translateX(-101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
	right:0px;
	top:0px;
	margin-left:0px;
	line-height: 80px;
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 26px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	display:inline-block;
	background-color:#fc4c59;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
	
}

.mobile-menu .close-btn:hover{
	color:#fc4c59;
	background-color:#ffffff;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	margin-top:180px;
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	margin-bottom:24px;
}

.mobile-menu .navigation li .dropdown-btn{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	cursor:pointer;
	display:none;
}

.mobile-menu .navigation li .dropdown-btn .fa{
	opacity:0;
}

.mobile-menu .navigation li > a{
	position: relative;
	display: inline-block;
	line-height: 1em;
	padding: 0px 0px;
	font-size: 48px;
	color: #ffffff;
	font-weight:300;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	text-transform: capitalize;
	font-family: 'Work Sans', sans-serif;
}

.mobile-menu .navigation li > a:before{
	position:absolute;
	content:'//';
	left:0px;
	top:4px;
	opacity:0;
	color:#fc4c59;
	font-size:40px;
	line-height:1em;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.mobile-menu .navigation li.current > a::before,
.mobile-menu .navigation li > a:hover::before{
	opacity:1;
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
	padding-left:45px;
	color:#fc4c59;
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.mobile-menu .navigation li > ul{
	padding-top:25px;
}

.mobile-menu .navigation li > ul > li{
	margin-bottom:18px;
}

.mobile-menu .navigation li > ul > li > a,
.mobile-menu .navigation li > ul > li > a:before{
	font-size:28px;
}

.mobile-menu .mobile-menu-info{
	position:relative;
	margin-left:6px;
	margin-top:100px;
}

.mobile-menu .mobile-menu-info .text{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:400;
	line-height:1.9em;
	margin-bottom:45px;
	max-width:240px;
	font-family: 'Open Sans', sans-serif;
}

.mobile-menu .mobile-menu-info .phone{
	position:relative;
	padding-left:28px;
	margin:25px 0px 20px;
}

.mobile-menu .mobile-menu-info .phone .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#fc4c59;
	font-size:20px;
}

.mobile-menu .mobile-menu-info .phone a{
	position:relative;
	color:#82b0bf;
	font-size:20px;
	font-weight:700;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.mobile-menu .mobile-menu-info .phone a:hover{
	color:#f25850;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:block;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

/* Newsletter Form */

.newsletter-form .form-group{
	position:relative;
	display:inline-block;
	margin:0px;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea{
	position:relative;
	display:block;
	width:285px;
	line-height:28px;
	height:55px;
	font-size:15px;
	color:#ffffff;
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.20);
	padding:10px 50px 15px 0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.newsletter-form .form-group input[type="submit"],
.newsletter-form button{
	position:absolute;
	right:0px;
	top:6px;
	bottom:3px;
	color:#fc4c59;
	cursor:pointer;
	background:none;
	font-size:20px;
}

.newsletter-form button:hover{
	color:#ffffff;
}

/***

====================================================================
	Profile Section
====================================================================

***/

.profile-section{
	position:relative;
	padding:165px 0px 80px;
}

.profile-section .upper-box{
	position:relative;
	margin-bottom:0px;
}

.profile-section .upper-box h2{
	position:relative;
	color:#222222;
	max-width:295px;
	font-weight:700;
	line-height:1.3em;
}

.profile-section .upper-box h2:before{
	position:absolute;
	content:'';
	left:-140px;
	top:-30px;
	width:220px;
	height:1px;
	background-color:#fc4c59;
	transform:rotate(-40deg);
}

.profile-section .upper-box h2 span{
	color:#82b0bf;
}

.profile-section .upper-box h2 i{
	color:#222222;
	font-weight:500;
	font-style:normal;
}

.profile-section .upper-box p{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:2em;
	padding-right:65px;
	font-family: 'Open Sans', sans-serif;
}

.profile-section .image{
	position:relative;
	margin-left:-230px;
}

.profile-section .lower-box{
	position:relative;
}

.profile-section .lower-box p{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:2em;
	padding-right:65px;
	margin-bottom:35px;
	font-family: 'Open Sans', sans-serif;
}

.profile-section .lower-box .learn-more{
	position:relative;
	color:#fc4c59;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.profile-section .lower-box .learn-more:hover{
	color:#fc4c59;
}

.profile-section .lower-box .profile-box{
	position:relative;
	padding:42px 35px;
	padding-left:100px;
	width:380px;
	margin-top:110px;
	margin-left:-55px;
	background-color:#fc4c59;
	border-left:4px solid #ffffff;
}

.profile-section .lower-box .profile-box ul{
	position:relative;
}

.profile-section .lower-box .profile-box ul li{
	position:relative;
	margin-bottom:12px;
}

.profile-section .lower-box .profile-box ul li:last-child{
	margin-bottom:0px;
}

.profile-section .lower-box .profile-box ul li a{
	position:relative;
	color:#ffffff;
	font-weight:600;
	font-size:16px;
	padding-left:28px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.profile-section .lower-box .profile-box ul li a .arrow{
	position:absolute;
	left:0px;
	top:2px;
	width:18px;
	height:12px;
	background:url(../images/icons/arrow-icon.png) no-repeat;
}

/***

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:120px 0px 40px;
}

.service-block{
	position:relative;
	margin-bottom:60px;
}

.service-block .inner-box{
	position:relative;
}

.service-block .inner-box .icon-box{
	position:relative;
}

.service-block .inner-box:hover .icon-box .icon:before{
	transform:rotateY(180deg);
	background-color:#fc4c59;
}

.service-block .inner-box .icon-box .icon{
	position:relative;
	z-index:1;
}

.service-block .inner-box .icon-box .icon:before{
	position:absolute;
	left:16px;
	top:-6px;
	content:'';
	width:52px;
	height:52px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	background-color:#e6f4f8;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.service-block .inner-box h5{
	position:relative;
	font-weight:600;
	line-height:1.3em;
	margin-top:40px;
	color:#222222;
	margin-bottom:18px;
}

.service-block .inner-box h5 a{
	position:relative;
	color:#222222;
}

.service-block .inner-box .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	padding-right:80px;
}

/***

====================================================================
	Default Section
====================================================================

***/

.default-section{
	position:relative;
	padding:0px 0px 40px;
}

.default-section .inner-container{
	position:relative;
	margin-left:-220px;
}

.default-section .clients-column{
	position:relative;
}

.default-section .clients-column .inner-column{
	position:relative;
	padding:70px 20px;
	background-color:#e6f4f8;
}

.default-section.style-two .inner-container{
	margin-left:0px;
}

/* Fact Counter */

.fact-counter{
	position:relative;
}

.fact-counter .counter-column{
	position:relative;
	margin-bottom:30px;
}

.fact-counter .counter-column .content{
	position:relative;
	padding:65px 50px;
	border-right:1px solid #daeaee;
}

.fact-counter .counter-column:last-child .content{
	border-right:0px;
}

.fact-counter .counter-column .count-text{
	display:inline-block;
	font-weight:500;
	color:#222222;
	font-size:64px;
	line-height:1em;
	font-family: 'Work Sans', sans-serif;
}

.fact-counter .counter-column .count-outer{
	position:relative;
	font-weight:500;
	color:#222222;
	font-size:64px;
	line-height:1em;
	font-family: 'Work Sans', sans-serif;
}

.fact-counter .counter-column .counter-title{
	position:relative;
	font-size:18px;
	font-weight:500;
	margin-top:5px;
	color:#fc4c59;
	font-family: 'Work Sans', sans-serif;
}

/***

====================================================================
	Portfolio Section
====================================================================

***/

.portfolio-section{
	position:relative;
	padding:140px 0px 40px;
}

.project-block{
	position:relative;
	margin-bottom:75px;
}

.project-block .inner-box{
	position:relative;
}

.project-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#fc4c59;
}

.project-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.project-block .inner-box:hover .image img{
	transform:scale(1.04,1.04);
}

.project-block .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	color:#ffffff;
	text-align:center;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.project-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.90;
	background-color:rgba(252,76,89,0.90);
}

.project-block .inner-box:hover .overlay-box{
	opacity:1;
	-moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
}

.project-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.project-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.project-block .inner-box .overlay-inner .content .icon{
	position:relative;
	width:57px;
	height:57px;
	margin:0 auto;
}

.project-block .inner-box .overlay-inner .content .icon img{
	position:relative;
	width:57px;
	height:57px;
	margin:0 auto;
}

.project-block .inner-box .lower-content{
	position:relative;
	padding-top:40px;
	text-align:center;
}

.project-block .inner-box .lower-content .category{
	position:relative;
	color:#fc4c59;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.project-block .inner-box .lower-content h2{
	position:relative;
	font-size:30px;
	line-height:1.3em;
	font-weight:500;
	margin-top:8px;
}

.project-block .inner-box .lower-content h2 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.project-block .inner-box .lower-content h2 a:hover{
	color:#fc4c59;
}

/***

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-section{
	position:relative;
}

.call-to-action-section .inner-container{
	position:relative;
	text-align:center;
	padding:70px 35px;
	margin-left:-220px;
	background-color:#e6f4f8;
	border-left:3px solid #fc4c59;
}

.call-to-action-section h2{
	position:relative;
	font-size:30px;
	color:#222222;
	font-weight:300;
	line-height:1.3em;
	margin-bottom:24px;
}

.call-to-action-section ul{
	position:relative;
}

.call-to-action-section ul li{
	position:relative;
	margin:0px 38px;
	display:inline-block;
}

.call-to-action-section ul li a{
	position:relative;
	color:#222222;
	font-size:36px;
	font-weight:600;
	font-family: 'Work Sans', sans-serif;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.call-to-action-section ul li a:hover{
	color:#fc4c59;
}

.call-to-action-section ul li .icon{
	position:relative;
	margin-right:14px;
	color:#fc4c59;
	font-size:30px;
}

/***

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:220px 0px 90px;
}

.testimonial-section .owl-nav{
	display:none;
}

.testimonial-section .owl-dots{
	position:absolute;
	right:-160px;
	top:50%;
	margin-top:-60px;
}

.testimonial-section .owl-dots .owl-dot{
	position:relative;
	width:9px;
	height:9px;
	margin:15px 0px;
	border-radius:50px;
	background-color:#dddddd;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
	background-color:#fc4c59;
}

.testimonial-section .inner-container{
	position:relative;
	max-width:610px;
	margin:0 auto;
}

.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
	text-align:center;
}

.testimonial-block .inner-box .author-image-outer{
	position:relative;
	display:inline-block;
}

.testimonial-block .inner-box .author-image-outer .quote-left{
	position:absolute;
	left:-60px;
	top:50%;
	margin-top:-10px;
}

.testimonial-block .inner-box .author-image-outer .quote-right{
	position:absolute;
	right:-60px;
	top:50%;
	margin-top:-10px;
}

.testimonial-block .inner-box .author-image-outer .image{
	position:relative;
	width:100px;
	height:100px;
	margin:0 auto;
	overflow:hidden;
	border-radius:50px;
}

.testimonial-block .inner-box .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	margin-top:28px;
	margin-bottom:35px;
}

.testimonial-block .inner-box .author-name{
	position:relative;
	color:#82b0bf;
	font-size:18px;
	font-weight:600;
	font-family: 'Work Sans', sans-serif;
}

.testimonial-block .inner-box .designation{
	position:relative;
	color:#222222;
	font-size:13px;
	font-weight:400;
	margin-top:4px;
}

/***

====================================================================
	Intouch Section
====================================================================

***/

.intouch-section{
	position:relative;
	padding:0px 0px 0px;
}

.intouch-section .inner-container{
	position:relative;
	padding:200px 180px 80px;
	border:8px solid #82b0bf;
}

.default-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.default-form .form-group:last-child{
	margin-bottom:0px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 0px;
	color:#000000;
	height:60px;
	font-size:14px;
	background:none;
	font-weight:400;
	border-radius:0px;
	border-bottom:1px solid #82b0bf;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.default-form .form-group input::-webkit-input-placeholder,
.default-form .form-group textarea::-webkit-input-placeholder{
	color:#222222;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group textarea:focus{
	border-color:#fc4c59;
}

.default-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 0px;
	color:#000000;
	height:180px;
	border-bottom:1px solid #82b0bf;
	resize:none;
	font-size:14px;
	font-weight:400;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.default-form .form-group .theme-btn{
	cursor:pointer;
	margin-top:30px;
}

.default-form.contact-form .form-group{
	margin-bottom:20px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/***

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	position:relative;
	padding:90px 0px 50px;
}

.main-footer .left-column{
	position:relative;
}

.main-footer .left-column .inner-column{
	position:relative;
}

.main-footer .left-column .logo{
	position:relative;
	margin-bottom:15px;
	display:inline-block;
}

.main-footer .left-column .copy{
	position:relative;
	color:#222222;
	font-size:15px;
	margin-left:5px;
	display:inline-block;
}

.main-footer.style-two{
	border-top:1px solid #daeaee;
}

/* Newsletter Form */

.newsletter-form-two .form-group{
	position:relative;
	display:inline-block;
	margin:0px;
}

.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="tel"],
.newsletter-form-two .form-group input[type="email"],
.newsletter-form-two .form-group textarea{
	position:relative;
	display:block;
	width:400px;
	line-height:28px;
	height:55px;
	font-size:14px;
	color:#222222;
	background:none;
	border-bottom:1px solid #82b0bf;
	padding:10px 50px 15px 0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.newsletter-form-two .form-group input::-webkit-input-placeholder,
.newsletter-form-two .form-group textarea::-webkit-input-placeholder{
	color:#222222;
}

.newsletter-form-two .form-group input[type="submit"],
.newsletter-form-two button{
	position:absolute;
	right:0px;
	top:6px;
	bottom:3px;
	color:#fc4c59;
	cursor:pointer;
	background:none;
	font-size:20px;
}

.newsletter-form-two button:hover{
	color:#222222;
}

/* Mobile Menu Info */

.main-footer .mobile-menu-info{
	position:relative;
	text-align:right;
}

.main-footer .mobile-menu-info .text{
	position:relative;
	color:#222222;
	font-size:15px;
	font-weight:400;
	line-height:1.9em;
	max-width:250px;
	float:right;
	margin-bottom:45px;
	font-family: 'Open Sans', sans-serif;
}

.main-footer .mobile-menu-info .phone{
	position:relative;
	padding-right:32px;
	margin:25px 0px 20px;
}

.main-footer .mobile-menu-info .phone .icon{
	position:absolute;
	right:0px;
	top:0px;
	color:#fc4c59;
	font-size:26px;
}

.main-footer .mobile-menu-info .phone a{
	position:relative;
	color:#82b0bf;
	font-size:20px;
	font-weight:700;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-footer .mobile-menu-info .phone a:hover{
	color:#f25850;
}

.page-title-section{
	position:relative;
	padding:250px 0px 170px;
	background-size:cover;
}

.page-title-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(24,35,39,0.90);
}

.page-title-section .auto-container{
	
}

.page-title-section .content{
	position:relative;
}

.page-title-section .content h1{
	position:relative;
	color:#ffffff;
	font-weight:700;
	line-height:1.1em;
	margin-bottom:35px;
	padding-bottom:35px;
	max-width:650px;
	display:inline-block;
}

.page-title-section .content h1:before{
	position:absolute;
	content:'';
	left:0px;
	width:77%;
	bottom:0px;
	height:8px;
	background-color:#82b0bf;
}

.page-title-section.style-two{
	padding:180px 0px 125px;
}

.page-title-section.style-two .content h1:before{
	width:140%;
	background-color:#fc4c59;
}

.page-title-section .content .text{
	position:relative;
	font-size:20px;
	color:#ffffff;
	line-height:1.7em;
	max-width:350px;
}

.page-title-section .social-box{
	position:absolute;
	right:0%;
	top:0%;
}

.page-title-section .social-box li{
	position:relative;
	margin-bottom:30px;
}

.page-title-section .social-box li a{
	position:relative;
	color:#ffffff;
	font-size:18px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.page-title-section .social-box li a:hover{
	color:#fc4c59;
}

/*** 

====================================================================
		Banner Three
====================================================================

***/

.banner-three{
	position: relative;
	color: #ffffff;
	padding:0px 100px;
}

.banner-three .outer-container{
	position: relative;
}

.banner-three .row{
	margin: 0;
}

.banner-three .text-column{
	position: relative;
	padding: 0;
}

.banner-three .content-box{
	position: relative;
	display: table;
	vertical-align: middle;
	width: 100%;
	z-index:5;
}

.banner-three .content-box .content{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 165px 0px 165px;
	background: #254154;
}

.banner-three .content-box .content .btn-box{
	position:relative;
	margin-top:30px;
}

.banner-three .slide-item.style-two .content-box .content{
	background-color:#d74f4f;
}

.banner-three .slide-item.style-two .content-box .content h1:before{
	background-color:#ffffff;
}

.banner-three .slide-item.style-three .content-box .content{
	background-color:#d9ebf9;
}

.banner-three .slide-item.style-three .content-box .content h1{
	color:#222222;
}

.banner-three .slide-item .content-box .content .intouch{
	text-transform:uppercase;
	display:inline-block;
	color:#222222;
	font-weight:600;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.banner-three .slide-item .content-box .content .intouch:hover{
	color:#fc4c59;
}

.banner-three .content-box .inner{
	position: relative;
	display: block;
	float: right;
	width: 100%;
	max-width: 820px;
	padding: 0px 100px 0px 20px;
	z-index: 1;
}

.banner-three .content-box h1{
	display: block;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 30px;
    padding-bottom: 38px;
}

.banner-three .content-box h1:before{
	position: absolute;
    content: '';
    left: 0px;
    width: 77%;
    bottom: 0px;
    height: 8px;
    background-color: #fc4c59;
}

.banner-three .content-box .text{
	display: block;
	font-size: 20px;
	line-height: 1.9em;
	color: #ffffff;
	font-weight: 400;
	margin-top: 25px;
}

.banner-three .image-column{
	position: relative;
	padding: 0;
}

.banner-three .image-column .inner{
	position: relative;
	display: block;
	min-height: 100%;
}

.banner-three .image-column .image-layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner-three .banner-carousel .owl-nav{
	display: none;
}

.banner-three .banner-carousel .owl-dots{
	display: block;
	position: absolute;
	right: 0px;
	bottom: -65px;
	counter-reset:slides-num;
}

.banner-three .banner-carousel .owl-dots .owl-dot{
	position:relative;
	display: inline-block;
	vertical-align: top;
	margin-left:28px;
	counter-increment: slides-num;
}

.banner-three .banner-carousel .owl-dots .owl-dot span{
	position: relative;
	content:"0" counter(slides-num) "";
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #222222;
	opacity:0.30;
	padding-bottom:5px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.banner-three .banner-carousel .owl-dots .owl-dot span:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:2px;
	opacity:0;
	background-color:#f33f4c;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.banner-three .banner-carousel .owl-dots .owl-dot:hover span:after,
.banner-three .banner-carousel .owl-dots .owl-dot.active span:after{
	opacity:1;
}

.banner-three .banner-carousel .owl-dots .owl-dot span:before{
	position: relative;
	content:"0" counter(slides-num) "";
}

.banner-three .banner-carousel .owl-dots .owl-dot:hover span,
.banner-three .banner-carousel .owl-dots .owl-dot.active span{
	color: #82b0bf;
	opacity:1;
}

.banner-three .social-box{
	position:absolute;
	right:-30px;
	top:30%;
}

.banner-three .social-box li{
	position:relative;
	margin-bottom:30px;
}

.banner-three .social-box li a{
	position:relative;
	color:#222222;
	font-size:14px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.banner-three .social-box li a:hover{
	color:#fc4c59;
}

/*** 

====================================================================
	Page Title Section Two
====================================================================

***/

.page-title-two-section{
	position:relative;
	padding:190px 0px 130px;
	background-size:cover;
}

.page-title-two-section .content{
	position:relative;
}

.page-title-two-section .content h1{
	position:relative;
	color:#222222;
	font-weight:700;
	line-height:1.1em;
	margin-bottom:35px;
	padding-bottom:35px;
	display:inline-block;
}

.page-title-two-section .content h1:before{
	position:absolute;
	content:'';
	left:0px;
	width:110%;
	bottom:0px;
	height:8px;
	background-color:#fc4c59;
}

.page-title-two-section .content .text{
	position:relative;
	font-size:20px;
	color:#222222;
	line-height:1.7em;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section{
	position:relative;
	padding:40px 0px 80px;
}

.featured-block{
	position:relative;
	margin-bottom:30px;
}

.featured-block .inner-box{
	position:relative;
}

.featured-block .inner-box .number{
	position:absolute;
	right:100px;
	top:40px;
	opacity:0.20;
	line-height:1em;
	font-size:100px;
	font-weight:800;
	color: rgba(255,255,255,1);
	font-family: 'Work Sans', sans-serif;
    text-shadow: -1px -1px 0 #fc4c59, 1px -1px 0 #fc4c59, -1px 1px 0 #fc4c59, 1px 1px 0 #fc4c59;
}

.featured-block .inner-box .icon-box{
	position:relative;
}

.featured-block .inner-box .icon-box .icon{
	position:relative;
	z-index:1;
}

.featured-block .inner-box h5{
	position:relative;
	font-weight:600;
	line-height:1.3em;
	margin-top:25px;
	color:#222222;
	margin-bottom:18px;
}

.featured-block .inner-box h5 a{
	position:relative;
	color:#222222;
}

.featured-block .inner-box .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	padding-right:80px;
}

/*** 

====================================================================
	Skill Section
====================================================================

***/

.skill-section{
	position:relative;
	overflow:hidden;
	padding:0px 0px 100px;
}

.skill-section .skill-column{
	position:relative;
}

.skill-section .skill-column .inner-column{
	position:relative;
	padding-top:80px;
}

.skill-section .image-column{
	position:relative;
}

.skill-section .image-column .inner-column{
	position:relative;
	margin-right:-225px;
}

/* Skill Block */

.skill-block{
	position: relative;
}

.skill-block .inner-box{
	position: relative;
}

.skill-block .bar-item{
	position:relative;
	margin-right:65px;
	display:inline-block;
}

.skill-block .bar-item .skill-bar{
	position:relative;
	height: 170px;
    width: 60px;
}

.skill-block .bar-item .skill-bar .bar-inner{
	position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 170px;
    background: #e6f4f8;
}

.skill-block .bar-item .skill-bar .bar-inner .bar{
	position:absolute;
	left: 0px;
	bottom: 0px;
	height:0%;
	width:60px;
	background-color: #fc4c59;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.skill-block .bar-item .skill-title{
	position:relative;
	font-size:12px;
	line-height:24px;
	color:#222222;
	font-weight:500;
	padding-top: 15px;
    left: -5px;
    bottom: 0px;
	display:block;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.skill-block .skill-percentage{
	position:absolute;
	left:0px;
	bottom:0px;
	width:60px;
	right:0px;
	font-size:30px;
	line-height:24px;
	color:#ffffff;
	font-weight:300;
	text-align:center;
	text-transform:capitalize;
	padding-bottom: 7px;
	font-family: 'Work Sans', sans-serif;
}

/***

====================================================================
	Portfolio Section Two
====================================================================

***/

.portfolio-section-two{
	position:relative;
	padding:140px 0px 80px;
}

.portfolio-section-two .outer-container{
	position:relative;
	max-width:1600px;
	padding:0px 30px;
}

/* Project Block Two */

.project-block-two{
	position:relative;
	margin-bottom:30px;
}

.project-block-two .inner-box{
	position:relative;
	width:100%;
}

.project-block-two .image-box{
	position:relative;
	display:block;
	margin:0px;
	overflow:hidden;
}

.project-block-two .image-box img{
	position:relative;
	width:100%;
	display:block;
}

.project-block-two .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	color:#ffffff;
	text-align:center;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.project-block-two .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.90;
	background-color:rgba(252,76,89,0.90);
}

.project-block-two .inner-box:hover .overlay-box{
	opacity:1;
	-moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.project-block-two .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 0px;
}

.project-block-two .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.project-block-two .overlay-inner .content .icon img{
	position:relative;
	width:57px;
	height:57px;
	margin:0 auto;
}

.project-block-two .overlay-box h4{
	position:relative;
	font-weight:600;
	line-height:1.4em;
	margin-top:20px;
	margin-bottom:3px;
}

.project-block-two .overlay-box h4 a{
	position:relative;
	color:#ffffff;
}

.project-block-two .overlay-box .category{
	position:relative;
	color:#ffffff;
	font-size:14px;
	margin-bottom:18px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.project-block-two .overlay-box .link{
	position:relative;
	width:57px;
	height:57px;
	margin-bottom:15px;
	margin:0 auto;
}

/***

====================================================================
	Blog Page Section
====================================================================

***/

.blog-page-section{
	position:relative;
	padding:120px 0px 120px;
	border-bottom:1px solid #daeaee;
}

.news-block{
	position:relative;
	margin-bottom:80px;
}

.news-block .inner-box{
	position:relative;
}

.news-block .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#fc4c59;
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.5;
}

.news-block .inner-box .lower-content{
	position:relative;
	padding-top:25px;
}

.news-block .inner-box .lower-content .post-meta{
	position:relative;
}

.news-block .inner-box .lower-content .post-meta li{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:600;
	margin-right:15px;
	padding-left:15px;
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.news-block .inner-box .lower-content .post-meta li:before{
	position:absolute;
	content:'\\';
	left:0px;
	top:0px;
}

.news-block .inner-box .lower-content h3{
	position:relative;
	line-height:1.3em;
	font-weight:600;
	margin-top:15px;
	margin-bottom:18px;
}

.news-block .inner-box .lower-content h3 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block .inner-box .lower-content h3 a:hover{
	color:#fc4c59;
}

.news-block .inner-box .lower-content .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	margin-bottom:30px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	margin:0px 3px 5px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	width:45px;
	height:45px;
	color:#03382e;
	font-size:14px;
	font-weight:400;
	line-height:43px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	border:1px solid #dddddd;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a{
	color:#ffffff;
	background-color:#fc4c59;
	border-color:#fc4c59;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:120px 0px 80px;
	border-bottom:1px solid #daeaee;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.blog-classic{
	position:relative;
	padding-right:30px;
}

.sidebar-widget{
	margin-bottom:40px;
}

.sidebar-widget .widget-content{
	position:relative;
	padding:30px 30px;
	border:1px solid #82b0bf;
}

.sidebar-title{
	position:relative;
	margin-bottom:24px;
}

.sidebar-title h4{
	position: relative;
    color: #222222;
    font-weight: 700;
    line-height: 1.3em;
    text-transform: capitalize;
}

/* Search Box Widget */

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:43px;
	padding:10px 50px 10px 0px;
	border-bottom:1px solid #dddddd;
	background:#ffffff;
	display:block;
	font-size:14px;
	width:100%;
	height:56px;
	color:#222222;
	border-radius:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:56px;
	width:60px;
	display:block;
	font-size:16px;
	color:#fc4c59;
	line-height:40px;
	font-weight:normal;
	background:none;
	text-align:right;
	cursor:pointer;
}

.sidebar .search-box .form-group input::placeholder,
.sidebar .search-box .form-group textarea::placeholder{
	color:#000000;
}

/* Blog Cat */

.blog-cat{
	position:relative;
	overflow:hidden;
}

.blog-cat li{
	position:relative;
	margin-bottom:12px;
}

.blog-cat li:last-child{
	margin-bottom:0px;
}

.blog-cat li a{
	position:relative;
	color:#222222;
	font-size:16px;
	display:block;
	font-weight:400;
	padding-left:20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Work Sans', sans-serif;
}

.blog-cat li a:before{
	position:absolute;
	content:'\f105';
	left:0px;
	top:0px;
	color:#222222;
	font-family: 'FontAwesome';
}

.blog-cat li a:hover{
	color:#fc4c59;
}

.blog-cat li:last-child a{
	border-bottom:0px;
}

.sticky-top{
	z-index:10;
	top:90px;
}

/* Post Widget */

.sidebar .popular-posts .sidebar-title{
	padding-left:0px;
}

.sidebar .popular-posts .post{
	position:relative;
	font-size:14px;
	color:#666666;
	padding:0px 0px;
	padding-left:80px;
	min-height:95px;
	margin-bottom:25px;
	border-bottom:1px solid #dddddd;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
	border:none;
	min-height:auto;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:65px;
	 border-radius:0px;
	overflow:hidden;
}

.sidebar .popular-posts .post .post-thumb .overlay-box{
	position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background-color: rgba(252,76,89,0.70);
}

.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
	top: 50%;
    position: relative;
    margin-top: -12px;
    display: block;
}

.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
	opacity:1;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:-4px;
	font-size:15px;
	margin:0px 0px 0px;
	font-weight:500;
	color:#222222;
	line-height:1.5em;
	text-transform:capitalize;
	font-family: 'Work Sans', sans-serif;
}

.sidebar .popular-posts .post .text a{
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a:hover{
	color:#fc4c59;
}

.sidebar .popular-posts .post-info{
	position:relative;
	font-size:12px;
	color:#fc4c59;
	font-weight:500;
	margin-top:0px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

/* Gallery Widget */

.sidebar .instagram-widget{
	position:relative;
}

.sidebar .instagram-widget .images-outer{
	position:relative;
	margin:0px -3px;
}

.sidebar .instagram-widget .image-box{
	position:relative;
	float:left;
	width:33.333%;
	padding:0px 4px;
	margin-bottom:8px;
}

.sidebar .instagram-widget .image-box img{
	position:relative;
	display:block;
	width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .instagram-widget .image-box img:hover{
	opacity:0.70;	
}

/* Popular Tags */

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:7px 16px 7px;
	margin:0px 3px 7px 0px;
	color:#222222;
	text-align:center;
	font-size:13px;
	background:#e6f4f8;
	font-weight:400;
	border-radius:0px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	font-family: 'Work Sans', sans-serif;
}

.sidebar .popular-tags a:hover{
	background-color:#fc4c59;
	color:#ffffff;
}

.news-block-two{
	position:relative;
	margin-bottom:80px;
}

.news-block-two .inner-box{
	position:relative;
}

.news-block-two .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#fc4c59;
}

.news-block-two .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
}

.news-block-two .inner-box .image .overlay-box .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:100px;
	height:100px;
	color:#ffffff;
	margin-left:-50px;
	text-align:center;
	border-radius:50%;
	line-height:100px;
	display:inline-block;
	padding-left:4px;
	font-size:25px;
	margin-top:-40px;
	background-color:rgba(0,0,0,0.30);
}

.news-block-two .inner-box .image .overlay-box .ripple,
.news-block-two .inner-box .image .overlay-box .ripple:before,
.news-block-two .inner-box .image .overlay-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100px;
	height:100px;
	margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.news-block-two .inner-box .image .overlay-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.news-block-two .inner-box .image .overlay-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

.news-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.news-block-two .inner-box:hover .image img{
	opacity:0.5;
}

.news-block-two .inner-box .lower-content{
	position:relative;
	padding:25px 30px 0px;
}

.news-block-two .inner-box .lower-content .author-image{
	position:absolute;
	left:30px;
	top:-40px;
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:50px;
}

.news-block-two .inner-box .lower-content .post-meta{
	position:relative;
	padding-left:105px;
}

.news-block-two .inner-box .lower-content .post-meta li{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:600;
	margin-right:15px;
	padding-left:15px;
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.news-block-two .inner-box .lower-content .post-meta li:before{
	position:absolute;
	content:'\\';
	left:0px;
	top:0px;
}

.news-block-two .inner-box .lower-content .post-meta li .icon{
	position:relative;
	margin-right:5px;
	color:#fc4c59;
}

.news-block-two .inner-box .lower-content h2{
	position:relative;
	line-height:1.3em;
	font-weight:600;
	margin-top:15px;
	margin-bottom:18px;
}

.news-block-two .inner-box .lower-content h2 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block-two .inner-box .lower-content h2 a:hover{
	color:#fc4c59;
}

.news-block-two .inner-box .lower-content .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	margin-bottom:30px;
}

/* News Block Three */

.news-block-three{
	position:relative;
	margin-bottom:80px;
}

.news-block-three .inner-box{
	position:relative;
	padding:70px 60px 60px;
	border:8px solid #82b0bf;
}

.news-block-three .inner-box .post-meta{
	position:relative;
}

.news-block-three .inner-box .post-meta li{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:600;
	margin-right:15px;
	padding-left:15px;
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.news-block-three .inner-box .post-meta li:before{
	position:absolute;
	content:'\\';
	left:0px;
	top:0px;
}

.news-block-three .inner-box .post-meta li .icon{
	position:relative;
	margin-right:5px;
	color:#fc4c59;
}

.news-block-three .inner-box h2{
	position:relative;
	line-height:1.3em;
	font-weight:600;
	margin-top:15px;
	font-size:36px;
	margin-bottom:18px;
}

.news-block-three .inner-box h2 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block-three .inner-box h2 a:hover{
	color:#fc4c59;
}

.news-block-three .inner-box .quote-icon{
	position:absolute;
	right:55px;
	bottom:-20px;
}

/* Blog Detail */

.blog-detail{
	position:relative;
	margin-bottom:80px;
}

.blog-detail .inner-box{
	position:relative;
	padding-right:20px;
}

.blog-detail .inner-box .image{
	position:relative;
	overflow:hidden;
	background-color:#fc4c59;
}

.blog-detail .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
}

.blog-detail .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.blog-detail .inner-box:hover .image img{
	opacity:0.5;
}

.blog-detail .inner-box .lower-content{
	position:relative;
	padding:25px 30px 0px;
}

.blog-detail .inner-box .lower-content .author-image{
	position:absolute;
	left:30px;
	top:-40px;
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:50px;
}

.blog-detail .inner-box .lower-content .post-meta{
	position:relative;
	padding-left:105px;
}

.blog-detail .inner-box .lower-content .post-meta li{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:600;
	margin-right:15px;
	padding-left:15px;
	display:inline-block;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.blog-detail .inner-box .lower-content .post-meta li:before{
	position:absolute;
	content:'\\';
	left:0px;
	top:0px;
}

.blog-detail .inner-box .lower-content .post-meta li .icon{
	position:relative;
	margin-right:5px;
	color:#fc4c59;
}

.blog-detail .inner-box .lower-content h2{
	position:relative;
	line-height:1.3em;
	font-weight:600;
	margin-top:15px;
	color:#222222;
	margin-bottom:18px;
}

.blog-detail .inner-box .lower-content .text{
	position:relative;
}

.blog-detail .inner-box .lower-content .text p{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	margin-bottom:30px;
}

.blog-detail .inner-box .lower-content .text blockquote{
	position:relative;
	padding:40px 50px;
	font-size:22px;
	color:#36525b;
	font-weight:500;
	margin-left:-30px;
	margin-right:-15px;
	line-height:1.6em;
	margin-bottom:30px;
	background-color:#e6f4f8;
	font-family: 'Work Sans', sans-serif;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-icon{
	position:absolute;
	right:35px;
	bottom:-10px;
}

/* Post Share Options */

.blog-detail .post-share-options{
	position:relative;
	margin-top: 50px;
	padding:0px 0px 50px;
	border-bottom:1px solid #e4deee;
}

.blog-detail .post-share-options .tags span{
	font-size:15px;
	color:#222222;
	font-weight:700;
	margin-right:8px;
	text-transform: capitalize;
}

.blog-detail .post-share-options .tags a{
	position:relative;
	color:#222222;
	font-size:13px;
	font-weight:400;
	line-height: 1em;
	margin-right: 4px;
	padding:12px 20px;
	border-radius:50px;
	border:1px solid #ebebeb;
	display: inline-block;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.blog-detail .post-share-options .tags a:last-child{
	margin-right: 0px;
}

.blog-detail .post-share-options .tags{
	position:relative;
	color:#ff4800;
	font-size:16px;
	font-weight:400;
	margin-top:3px;
}

.blog-detail .post-share-options .tags a:hover{
	color:#ffffff;
	border-color:#fc4c59;
	background-color:#fc4c59;
}

.blog-detail .post-share-options .social-box{
	position:relative;
}

.blog-detail .post-share-options .social-box > span{
	font-size:15px;
	color:#222222;
	font-weight:700;
	margin-right:0px;
	text-transform: capitalize;
}

.blog-detail .post-share-options .social-box li{
	position:relative;
	margin-left:4px;
	display:inline-block;
}

.blog-detail .post-share-options .social-box li a{
	position:relative;
	width:38px;
	height:38px;
	font-size:14px;
	color:#666666;
	text-align:center;
	line-height:36px;
	border-radius:50px;
	border:1px solid #ebebeb;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.blog-detail .post-share-options .social-box li a:hover{
	color:#ffffff;
	border-color:#fc4c59;
	background-color:#fc4c59;
}



/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-top:60px;
	margin-right:30px;
	margin-bottom:50px;
	padding-bottom:60px;
	border-bottom:1px solid #e4deee;
}

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:35px;
}

.sidebar-page-container .group-title h3{
	position:relative;
	color:#222222;
	font-size:30px;
	font-weight:600;
	text-transform:capitalize;
	font-family: 'Work Sans', sans-serif;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px 0px 0px;
	margin-bottom:50px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child{
	margin-bottom:0px;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	font-size:14px;
	min-height:120px;
	padding-left:110px;
}

.sidebar-page-container .comments-area .reply-comment{
	margin-left:70px;	
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	border-radius:50px;
	margin-bottom:0px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:10px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:18px;
	font-weight:600;
	color:#222222;
	display:block;
	line-height:1.3em;
	display:inline-block;
	text-transform:capitalize;
	font-family: 'Work Sans', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.9em;
	margin-bottom:0px;
	font-family: 'Open Sans', sans-serif;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	font-size:13px;
	color:#666666;
	margin-left:20px;
	font-weight:600;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
	position:relative;
	font-size:14px;
	color:#fc4c59;
	font-weight:600;
	margin-top:15px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
	color:#222222;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form{
	position:relative;
	padding-right:30px;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 0px;
	height:56px;
	color:#222222;
	font-size:14px;
	border-radius:0px;
	background:none;
	border-bottom:1px solid #82b0bf;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input::placeholder,
.comment-form .form-group textarea::placeholder{
	color:#222222;
	text-transform:capitalize;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#fc4c59;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:15px 0px;
	color:#222222;
	height:135px;
	font-size:14px;
	resize:none;
	border-radius:0px;
	background:none;
	border-bottom:1px solid #82b0bf;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .theme-btn{
	cursor:pointer;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.portfolio-page-section{
	position:relative;
	padding:110px 0px 40px;
}

.portfolio-page-section.style-two{
	padding-bottom:120px;
}

.portfolio-page-section.style-three{
	padding-bottom:120px;
}

.portfolio-page-section.style-three .project-block-two{
	margin-bottom:0px;
}

.portfolio-page-section.style-three .auto-container{
	max-width:945px;
	margin:0 auto;
}

.portfolio-page-section.style-three .btn-box{
	position:relative;
	margin-top:55px;
}

.portfolio-page-section.style-two .btn-box{
	position:relative;
	margin-top:35px;
}

.portfolio-page-section .filters{
	position:relative;
	margin-bottom:48px;
	text-align:center;
}

.portfolio-page-section .filters .filter-tabs{
	position:relative;
}

.portfolio-page-section .filters li{
	position: relative;
    display: inline-block;
    color: #222222;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
	margin:0px 18px 12px;
	padding-bottom:5px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	font-family: 'Work Sans', sans-serif;
}

.portfolio-page-section .filters .filter.active,
.portfolio-page-section .filters .filter:hover{
    color:#fc4c59;
}

.portfolio-page-section .filters li:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	height:1px;
	width:100%;
	opacity:0;
	transform: scale(0.5,1);
	background-color:#fc4c59;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.portfolio-page-section .filters li:hover:before,
.portfolio-page-section .filters li.active::before{
	opacity:1;
	transform: scale(1,1);
}

.project-block-two.mix,
.project-block.mix{
	display:none;
}

/*** 

====================================================================
	Portfolio Detail Section
====================================================================

***/

.portfolio-detail-section{
	position:relative;
	padding:110px 0px 90px;
}

.portfolio-detail-section .images-column{
	position:relative;
}

.portfolio-detail-section .images-column .inner-column{
	position:relative;
	padding-right:30px;
}

.portfolio-detail-section .images-column .image{
	position:relative;
	margin-bottom:40px;
}

.portfolio-detail-section .images-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.portfolio-detail-section .content-column{
	position:relative;
}

.portfolio-detail-section .content-column .inner-column{
	
}

.portfolio-detail-section .content-column h2{
	position:relative;
	font-weight:700;
	color:#222222;
	line-height:1.2em;
}

.portfolio-detail-section .content-column .category{
	position:relative;
	font-weight:600;
	color:#fc4c59;
	font-size:14px;
	margin-top:10px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.portfolio-detail-section .content-column .text{
	position:relative;
	margin-bottom:42px;
}

.portfolio-detail-section .content-column .text p{
	position:relative;
	color:#222222;
	font-size:15px;
	line-height:1.8em;
	margin-bottom:22px;
}

.portfolio-detail-section .content-column .text p:last-child{
	margin-bottom:0px;
}

.portfolio-detail-section .content-column h5{
	position:relative;
	color:#222222;
	font-weight:600;
	line-height:1.3em;
	margin-top:70px;
	margin-bottom:15px;
}

.portfolio-detail-section .content-column ul{
	position:relative;
}

.portfolio-detail-section .content-column ul li{
	position:relative;
	color:#222222;
	font-size:15px;
	margin-bottom:20px;
	padding-left:35px;
}

.portfolio-detail-section .content-column ul li .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#fc4c59;
	font-size:22px;
	line-height:1em;
}

.portfolio-detail-section .content-column ul li a{
	position:relative;
	width:30px;
	height:30px;
	color:#222222;
	font-size:13px;
	border-radius:50px;
	line-height:30px;
	text-align:center;
	display:inline-block;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.portfolio-detail-section .content-column ul li a:hover{
	color:#ffffff;
	background-color:#82b0bf;
}

/*** 

====================================================================
	Related Portfolio Section
====================================================================

***/

.related-portfolio-section{
	position:relative;
	padding:120px 0px 60px;
}

.related-portfolio-section .auto-container{
	max-width:1680px;
}

.related-portfolio-section .row{
	margin:0px -7px;
}

.related-portfolio-section .project-block{
	padding:0px 7px;
}

/*** 

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position:relative;
	padding:190px 0px 80px;
}

.contact-page-section .info-column{
	position:relative;
}

.contact-page-section .info-column .inner-column{
	position:relative;
	padding-right:80px;
}

.contact-page-section .info-column .sec-title{
	margin-bottom:30px;
}

.contact-page-section .info-column .inner-column .mobile-menu-info{
	position:relative;
	text-align:left;
	margin-left:110px;
	border-top:1px solid #daeaee;
	border-bottom:1px solid #daeaee;
}

.contact-page-section .info-column .inner-column .mobile-menu-info .text{
	position:relative;
	color:#222222;
	font-size:15px;
	font-weight:600;
	line-height:2em;
	margin-bottom:35px;
	font-family: 'Open Sans', sans-serif;
}

.contact-page-section .info-column .inner-column .mobile-menu-info .phone{
	position:relative;
	padding-left:32px;
	margin:40px 0px 10px;
}

.contact-page-section .info-column .inner-column .mobile-menu-info .phone .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#fc4c59;
	font-size:26px;
}

.contact-page-section .info-column .inner-column .mobile-menu-info .phone a{
	position:relative;
	color:#82b0bf;
	font-size:20px;
	font-weight:700;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.contact-page-section .info-column .inner-column .mobile-menu-info .phone a:hover{
	color:#f25850;
}

.contact-page-section .info-column .inner-column  .profile-box{
	position:relative;
	padding:42px 0px;
	width:380px;
	margin-left:110px;
}

.contact-page-section .info-column .inner-column  .profile-box ul{
	position:relative;
}

.contact-page-section .info-column .inner-column  .profile-box ul li{
	position:relative;
	margin-bottom:12px;
}

.contact-page-section .info-column .inner-column  .profile-box ul li:last-child{
	margin-bottom:0px;
}

.contact-page-section .info-column .inner-column  .profile-box ul li a{
	position:relative;
	color:#222222;
	font-weight:600;
	font-size:16px;
	padding-left:28px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.contact-page-section .info-column .inner-column  .profile-box ul li a .arrow{
	position:absolute;
	left:0px;
	top:5px;
	width:18px;
	height:12px;
	background:url(../images/icons/arrow-icon-2.png) no-repeat;
}



.contact-page-section .form-column{
	position:relative;
}

.contact-page-section .form-column .inner-column{
	position:relative;
}

/***

==================================================================
		Contact Map Section
==================================================================

***/

.contact-map-section{
	position: relative;
	padding-top:0px;
}

.contact-map-section iframe{
	height:500px;
	width:100%;
}

/***

==================================================================
	Team Page Section
==================================================================

***/

.team-page-section{
	position: relative;
	padding:110px 0px 80px;
}

.team-block{
	position:relative;
	margin-bottom:80px;
}

.team-block .inner-box{
	position:relative;
	padding:50px 15px;
	text-align:center;
	border:1px solid #e1e1e1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box .image{
	position:relative;
	width:170px;
	height:170px;
	margin:0 auto;
	overflow:hidden;
	border-radius:50%;
}

.team-block .inner-box h5{
	position:relative;
	font-weight:500;
	margin-top:26px;
	color:#222222;
	text-transform:capitalize;
}

.team-block .inner-box h6 a{
	position:relative;
	color:#222222;
}

.team-block .inner-box .designation{
	position:relative;
	color:#222222;
	font-size:13px;
	margin-top:2px;
	text-transform:uppercase;
}

.team-block .inner-box .social-links{
	position:relative;
	margin-top:15px;
}

.team-block .inner-box .social-links li{
	position:relative;
	margin:0px 7px;
	display:inline-block;
}

.team-block .inner-box .social-links li a{
	position:relative;
	color:#666666;
	font-size:14px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block .inner-box .social-links li a:hover{
	color:#fc4c59;
}

.team-block .inner-box:hover{
	border-color:#82b0bf;
}

/* Team Block Two */

.team-block-two{
	position:relative;
	margin-bottom:30px;
}

.team-block-two .inner-box{
	position:relative;
	padding:50px 15px;
	text-align:center;
	border:1px solid #e1e1e1;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block-two .inner-box .image{
	position:relative;
	width:180px;
	height:180px;
	margin:0 auto;
	overflow:hidden;
}

.team-block-two .inner-box h5{
	position:relative;
	font-weight:500;
	margin-top:26px;
	color:#222222;
	text-transform:capitalize;
}

.team-block-two .inner-box h6 a{
	position:relative;
	color:#222222;
}

.team-block-two .inner-box .designation{
	position:relative;
	color:#222222;
	font-size:13px;
	margin-top:2px;
	text-transform:uppercase;
}

.team-block-two .inner-box .social-links{
	position:relative;
	margin-top:15px;
}

.team-block-two .inner-box .social-links li{
	position:relative;
	margin:0px 7px;
	display:inline-block;
}

.team-block-two .inner-box .social-links li a{
	position:relative;
	color:#666666;
	font-size:14px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.team-block-two .inner-box .social-links li a:hover{
	color:#fc4c59;
}

.team-block-two .inner-box:hover{
	border:1px solid transparent;
	border-bottom:3px solid #fc4c59;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

/***

==================================================================
	Pricing Page Section
==================================================================

***/

.pricing-page-section{
	position: relative;
	padding:110px 0px 100px;
}

.pricing-page-section .lower-text{
	position:relative;
	color:#222222;
	font-size:16px;
	text-align:center;
	margin-top:50px;
}

.pricing-page-section .lower-text a{
	position:relative;
	color:#fc4c59;
	text-decoration:underline;
}

.price-block{
	position:relative;
	margin-bottom:30px;
}

.price-block .inner-box{
	position:relative;
	padding:50px 50px 70px;
	text-align:center;
	border:5px solid transparent;
	background-color:#e6f4f8;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.price-block .inner-box:before{
	position:absolute;
	content:'';
	left:-5px;
	top:-5px;
	right:-5px;
	height:3px;
	background-color:#82b0bf;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.price-block .inner-box:hover::before{
	opacity:0;
}

.price-block .inner-box:hover{
	border-color:#fc4c59;
	background:none;
}

.price-block .inner-box .title{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:600;
	letter-spacing:2px;
	padding-bottom:15px;
	text-transform:uppercase;
	font-family: 'Work Sans', sans-serif;
}

.price-block .inner-box .title:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	height:3px;
	width:40px;
	margin-left:-20px;
	background-color:#82b0bf;
}

.price-block .inner-box .price{
	position:relative;
	color:#82b0bf;
	font-size:80px;
	font-weight:700;
	line-height:1em;
	margin-top:25px;
	margin-bottom:50px;
	font-family: 'Work Sans', sans-serif;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.price-block .inner-box:hover .price{
	color:#fc4c59;
}

.price-block .inner-box .price sup{
	position:relative;
	top:-40px;
	color:#222222;
	font-size:16px;
	font-weight:500;
	margin-right:5px;
}

.price-block .inner-box .price sub{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:500;
	display:block;
	margin-top:10px;
}

.price-block .inner-box ul{
	position:relative;
	margin-bottom:50px;
}

.price-block .inner-box ul li{
	position:relative;
	text-align:left;
	padding-left:30px;
	color:#222222;
	font-size:15px;
	margin-bottom:12px;
}

.price-block .inner-box ul li:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	font-family: 'FontAwesome';
	content: "\f00c";
}

.price-block .inner-box ul li:last-child{
	margin-bottom:0px;
}

.price-block .inner-box .buy-btn{
	position:relative;
	padding:16px 38px;
	color:#222222;
	font-size:14px;
	font-weight:600;
	display:inline-block;
	text-transform:uppercase;
	border:2px solid #82b0bf;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.price-block .inner-box .buy-btn:hover{
	color:#ffffff;
	border-color:#fc4c59;
	background-color:#fc4c59;
}

/*Error Section*/

.error-section{
	position:relative;
	padding:120px 0px 110px;
}

.error-section .content{
	position:relative;
	text-align:center;
}

.error-section .error-image{
	position:relative;
}

.error-section .text{
	position:relative;
	color:#222222;
	font-size:30px;
	font-weight:400;
	margin-top:70px;
	line-height:1.4em;
	margin-bottom:60px;
}